.container {
  position: relative;
}

.editorContainer {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.editorContainer:focus,
.editorContainer:focus-within {
  border: var(--ax-theme-input-focus-border, 1px solid var(--bs-primary));
  box-shadow: var(
    --ax-theme-input-focus-shadow,
    0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25)
  );
}

.translate {
  top: 0.25rem !important;
}

.viewer {
  padding-right: 1.75rem !important;
  [dir="rtl"] & {
    padding-right: unset !important;
    padding-left: 1.75rem !important;
  }
}
.invalid {
  border: var(--ax-theme-input-invalid-border, 1px solid var(--bs-danger));
}

.invalid:focus,
.invalid:focus-within {
  border: var(
    --ax-theme-input-invalid-focus-border,
    1px solid var(--bs-danger)
  );
  box-shadow: var(
    --ax-theme-input-invalid-focus-shadow,
    0 0 0 0.25rem rgb(var(--bs-danger-rgb), 0.25)
  );
}
